/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*          Sayfa yüklendiğinde yapılacak işler         */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
$(document).ready(function(){
	
    // üst taraftaki logoya tıklanıldığında
    $('div#ust').click(function(){
        location.href = siteURL
    })
    
    // Önizleme göster
    $('button[type=button]').click(onizlemeGoster);

    // Kodları oluştur
    $('button[type=submit]').click(kodlariOlustur);

    // Video ebatlarını değiştir kutusuna tıklandığında
    $('input#ebat').click(function(){        
        if( $(this).attr('checked') === true ) {
            ozellestirmeAciklama();
            $('div#boyutlar').show('slow');
        } else {
        	$('div#boyutlar').hide('slow', ozellestirmeAciklama);
        }
    });
    
    // Renkleri değiştir kutusuna tıklandığında
    $('input#renk').click(function(){
        if( $(this).attr('checked') === true ) {
            ozellestirmeAciklama()
            $('div#renkler').show('slow');
        } else {
        	$('div#renkler').hide('slow', ozellestirmeAciklama);
        }
    });

    // Renk seçicileri, Bookmarklet ve Yardım sayfaları için DIV oluştur
    $('body')
        .append('<div id="picker1"></div>')
            .append('<div id="picker2"></div>')
                .append('<div class="Sayfa"></div>');

})


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      Renk seçme işlemi               */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function renkDairesiGoster( No )
{
    var Konum   = $('fieldset#yesil').offset();
    var Genislik= $('fieldset#yesil').width();
    var Picker  = $('div#picker'+No);

    Picker.farbtastic('input#renk'+No);
    
    if( Picker.is(':hidden') === true ) {
        Picker.show(); 
        Picker.css({
            top: Konum.top-17,
            left: Konum.left+15+Genislik
        })
    } else {
        Picker.hide();
    }
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Özelleştirme bölümündeki açıklamayı göster/gizle  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function ozellestirmeAciklama()
{
    if( $('input#ebat').attr('checked') === true || $('input#renk').attr('checked') === true ) {
        $('div#ozellestirmeAciklama').hide();
    } else {
        $('div#ozellestirmeAciklama').show();
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      Form Kontrolü                   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function formKontrol() 
{
	Url 	= $('input#url');
    
    Renk 	= $('input#renk');
    Ebat 	= $('input#ebat');
    Rel 	= $('input#rel');
    Border 	= $('input#border');
    Oynat 	= $('input#oynat');
    
    Width 	= $('input#width');
    Height 	= $('input#height');
    Renk1 	= $('input#renk1');
    Renk2 	= $('input#renk2');


    // URL girildi mi girilmedi mi? \\
    if( Url.val() === '' ) {
    	alert('Lütfen Youtube videosunun linkini giriniz !');
        Url.focus();
        return false;
    }
    
    // Kutucukların işaretli olup olmadıklarına bak  \\
    if( Renk.attr('checked') === true ) {
        Renk = 1;
    } else {
    	Renk = 0;
    }

    if( Ebat.attr('checked') === true ) {
        Ebat = 1;
    } else {
    	Ebat = 0;
    }
    
    if( Rel.attr('checked') === true ) {
        Rel = 1;
    } else {
    	Rel = 0;
    }
    
    if( Border.attr('checked') === true ) {
        Border = 1;
    } else {
    	Border = 0;
    }
    
    if( Oynat.attr('checked') === true ) {
        Oynat = 1;
    } else {
    	Oynat = 0;
    }    


    // Renk değerleri girilmiş mi girilmemiş mi?  \\
    if( Renk===1 && is_Renk(Renk1.val())===false ) {
        alert( 'Lütfen Renk 1 değerini belirleyin !' );
        Renk1.focus();
        return false;
    }

    if( Renk===1 && is_Renk(Renk2.val())===false ) {
        alert( 'Lütfen Renk 2 değerini belirleyin !' );
        Renk2.focus();
        return false;
    }


    // En-Boy değerleri girilmiş mi girilmemiş mi?  \\
    if( Ebat===1 && is_Ebat(Width.val())===false ) {
        alert( 'Lütfen bir genişlik değeri belirleyin !' );
        Width.focus();
        return false;
    }
    if( Ebat===1 && is_Ebat(Height.val())===false ) {
        alert( 'Lütfen bir yükseklik değeri belirleyin !' );
        Height.focus();
        return false;
    }

    return true;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      Önizleme Göster                 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function onizlemeGoster() 
{
    if( formKontrol() === false )   return false;

    $('button[type=button]').text('Lütfen bekleyiniz...').css('color', '#808080').attr('disabled', 'disabled');

    $.ajax({
        type: 'POST',
        url: siteURL + '_jx/onizlemeGoster.php',
        data: 'url='+encodeURIComponent(Url.val())
            +'&renk='+encodeURIComponent(Renk)
            +'&ebat='+encodeURIComponent(Ebat)
            +'&rel='+encodeURIComponent(Rel)
            +'&border='+encodeURIComponent(Border)
            +'&oynat='+encodeURIComponent(Oynat)
            +'&Width='+encodeURIComponent(Width.val())
            +'&Height='+encodeURIComponent(Height.val())
            +'&Renk1='+encodeURIComponent(Renk1.val())
            +'&Renk2='+encodeURIComponent(Renk2.val()),
        cache: false,
        success: function(cikti){
            $('div#sonuc').html(cikti).modal();
            $('button[type=button]').removeAttr('disabled').css('color', '#ff6600').text('Önizleme Göster');
        }
    })
    
    return false;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 					  Kodları Oluştur 					*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function kodlariOlustur() 
{
    if( formKontrol() === false )   return false;

    $('button[type=submit]').text('Lütfen bekleyiniz...').css('color', '#808080').attr('disabled', 'disabled');

    $.ajax({
        type: 'POST',
        url: siteURL + '_jx/kodOlustur.php',
        data: 'url='+encodeURIComponent(Url.val())
            +'&renk='+encodeURIComponent(Renk)
            +'&ebat='+encodeURIComponent(Ebat)
            +'&rel='+encodeURIComponent(Rel)
            +'&border='+encodeURIComponent(Border)
            +'&oynat='+encodeURIComponent(Oynat)
            +'&Width='+encodeURIComponent(Width.val())
            +'&Height='+encodeURIComponent(Height.val())
            +'&Renk1='+encodeURIComponent(Renk1.val())
            +'&Renk2='+encodeURIComponent(Renk2.val()),
        cache: false,
        success: function(cikti){
            $('div#sonuc').html(cikti).modal();
            $('button[type=submit]').removeAttr('disabled').css('color', '#ff6600').text('Geçerli Kodları Oluştur');
        }
    })
    
    return false;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*      Bir verinin HTML RENK olup olmadığını doğrula   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function is_Renk( veri )
{
    var regex = new RegExp('^#?(([a-f]|[A-F]|[0-9]){6})$');
    return regex.test(veri);
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Girilen Yükseklik ve Genişlik değerlerini doğrula   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function is_Ebat( veri )
{
    var regex = new RegExp('^([0-9]){2,3}$');
    return regex.test(veri);
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*              Bookmarklet penceresini göster          */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function Bookmarklet()
{
    $.ajax({
        type: 'GET',
        url: siteURL + '_jx/bookmarklet.php',
        success: function(cikti){
            $('div.Sayfa').html(cikti).modal();
        }
    })
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                  Yardım penceresini göster           */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
function Yardim()
{
    $.ajax({
        type: 'GET',
        url: siteURL + '_jx/yardim.php',
        success: function(cikti){
            $('div.Sayfa').html(cikti).modal();
        }
    })
}